.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 4.4rem;
  background: #cf5f55;

  .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;

    h1 {
      font-size: 1.8rem;
    }
  }

  .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 4.4rem;
    height: 4.4rem;

    a {
      font-size: 0;
    }

    &.left {
      left: 0;

      .img-icon {
        width: 1.5rem;
        height: 1.5rem;
      }
    }

    &.right {
      right: 0;

      .img-icon {
        width: 2rem;
        height: 2rem;
      }
    }
  }
}